:root {
  /* 基础颜色 */
  --bg-primary: #121212;
  --bg-secondary: #1e1e1e;
  --text-primary: #ffffff;
  --text-secondary: #a0a0a0;
  --border-color: #303030;

  /* 按钮颜色 */
  --button-primary-bg: #409eff;
  --button-primary-text: #ffffff;
  --button-primary-hover-bg: #66b1ff;
  --button-primary-active-bg: #3a8ee6;

  /* 菜单颜色 */
  --menu-bg: var(--bg-primary);
  --menu-text: var(--text-primary);
  --menu-active-text: #409eff;
  --menu-hover-bg: #2d2d2d;
}

/* 应用基础背景色 */
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

/* 应用 Element Plus 组件样式 */
.el-button--primary {
  background-color: var(--button-primary-bg);
  color: var(--button-primary-text);
}

.el-button--primary:hover {
  background-color: var(--button-primary-hover-bg);
}

.el-button--primary:active {
  background-color: var(--button-primary-active-bg);
}

.el-menu {
  background-color: var(--menu-bg);
  color: var(--menu-text);
}

.el-menu-item.is-active {
  color: var(--menu-active-text);
}

.el-menu-item:hover {
  background-color: var(--menu-hover-bg);
}
